// cSpell:words fenlei radiobox
/* global $ window */

window.Hi = {}
require("./jquery-ext").extend()
window.Hi.navStatus = true
const api = require("./api")
const {initRouter} = require("./router")

$(function() {
    let q = api.default.get("c/ping")
    q.then(function(user) {
        window.Hi.user = user
        initRouter()
    })

    initGlobal()
    initMainDropMenu()
})

function initGlobal() {
    $("body").on("click", ".checkbox", function() {
        let $this = $(this)
        let $input = $this.find("input")
        let checked = !$input.prop("checked")
        $input.prop("checked", checked)
        if (checked)
            $this.addClass("checked")
        else
            $this.removeClass("checked")
    })
    $("body").on("click", ".radiobox", function() {
        let $this = $(this)
        $this.closest(".topic-choice").find(".radiobox").removeClass("checked")
        $this.addClass("checked")
    })
}

function initMainDropMenu() {
    const $dropMenu = $(".site-header .drop-menu")
    $(".site-header .icon-fenlei").click(function() {
        $dropMenu.show()
    })
    $(".site-header .drop-menu .mi").click(function() {
        $dropMenu.hide()
    })
    $dropMenu.on("mouseleave", function() {
        $dropMenu.hide()
    })
}
